import React, { Component } from 'react';
import { View, Text, ScrollView, StyleSheet, TouchableOpacity, Image } from 'react-native';

export default class Home_qd extends Component {

    static navigationOptions = props => {

        return {
            headerTitle: `签到          `,
            headerTintColor: "#fff",
            headerTitleStyle: {
                flex: 1,
                textAlign: 'center',
                fontSize: 16
            },
            headerStyle: {
                backgroundColor: "#3296FA",
            }
        }
    };

    render() {

        return (
            <View style={{ flex: 1, justifyContent: 'center', backgroundColor: "#ccc" }}>
                <View style={{ flex: 1, flexDirection: "row", alignItems: "center", paddingLeft: 15,backgroundColor:"#fff" }}>
                    <View style={{flex:4, flexDirection: "row", alignItems: "center",}}>
                        <Image
                            style={{ width: 35, height: 35 }}
                            source={require('../../../static/img/rili.png')}
                        />
                        <Text style={{fontSize:16,color:"#000",marginLeft:5}}>时间</Text>
                       
                    </View>
                    <View style={{flex:1.5}}>
                    <Text style={{fontSize:16}}>2018/78/6+</Text>
                    </View>
                </View>
                
                <View style={{ flex: 1, flexDirection: "row", alignItems: "center", paddingLeft: 15,marginTop:5,marginBottom:5,backgroundColor:"#fff" }}>
                    <View style={{flex:4, flexDirection: "row", alignItems: "center",}}>
                        <Image
                            style={{ width: 35, height: 35 }}
                            source={require('../../../static/img/rili.png')}
                        />
                        <Text style={{fontSize:16,color:"#000",marginLeft:5}}>签到站点</Text>
                       
                    </View>
                    <View style={{flex:1.5}}>
                    <Text style={{fontSize:16}}>#1燃气站</Text>
                    </View>
                </View>
                <View style={{ flex: 8, backgroundColor: "red" }}></View>
            </View>
        )
    }
}